<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天下行租车</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <script src="https://unpkg.com/vue@2.7.14/dist/vue.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="css/base.css">
    <script src="js.lxx.js"></script>
</head>
<body>
<div id="app">
    <myheader></myheader>
    <main class="c900 el-card" style="align-items: stretch; width: 600px; padding: 30px 50px">
        <h2>添加车辆</h2>
        <el-form label-width="80px" label-position="left">
            <el-form-item label-width="0px" style="margin-bottom: 0px">
                <div class="flex" style="align-items: stretch">
                    <el-form label-width="80px" label-position="left" style="width:340px">
                        <el-form-item label="品牌: ">
                            <el-input placeholder="账号"></el-input>
                        </el-form-item>
                        <el-form-item label="型号: ">
                            <el-select style="width: 100%" placeholder="请选择型号">
                                <el-option label="宝马" value="宝马"></el-option>
                                <el-option label="奔驰" value="奔驰"></el-option>
                                <el-option label="丰田" value="丰田"></el-option>
                                <el-option label="比亚迪" value="比亚迪"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="租价: ">
                            <el-input placeholder="租价" type="number"></el-input>
                        </el-form-item>
                        <el-form-item label="状态: ">
                            <el-radio-group>
                                <el-radio label="在库">在库</el-radio>
                                <el-radio label="出库">出库</el-radio>
                                <el-radio label="维修">维修</el-radio>
                            </el-radio-group>
                        </el-form-item>
                    </el-form>
                    <el-popover width="400" trigger="click" placement="top-end">
                        <el-image slot="reference" fit="cover" style="margin-right: 10px; width: 200px; height: 226px">
                            <span slot="error" class="fbox border1">提交图片</span>
                        </el-image>
                        <el-input placeholder="粘贴图片">
                            <el-button slot="append">上传图片</el-button>
                        </el-input>
                    </el-popover>
                </div>
            </el-form-item>
            <el-form-item label="轮播图: ">
                <div id="carousel" class="flex" style="justify-content: flex-start">
                    <el-popover width="400" trigger="click" placement="top-start">
                        <el-image slot="reference" fit="cover"
                                  src="https://img1.baidu.com/it/u=2135687772,454020192&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=625">
                            <span slot="error" class="fbox border1">提交图片</span>
                        </el-image>
                        <el-input placeholder="粘贴图片">
                            <el-button slot="append">上传图片</el-button>
                        </el-input>
                    </el-popover>
                    <el-popover width="400" trigger="click" placement="top-start">
                        <el-image slot="reference" fit="cover">
                            <span slot="error" class="fbox border1">提交图片</span>
                        </el-image>
                        <el-input placeholder="粘贴图片">
                            <el-button slot="append">上传图片</el-button>
                        </el-input>
                    </el-popover>
                </div>
            </el-form-item>
            <el-form-item label="介绍: ">
                <el-input placeholder="介绍"></el-input>
            </el-form-item>
            <el-form-item style="text-align: right; margin-right: 10px">
                <el-button type="primary">添加</el-button>
            </el-form-item>
        </el-form>
    </main>
</div>
<script>
    var v = new Vue({
        el: "#app",
    })
</script>
</body>
</html>
<style>
    .el-form-item .el-form-item {
        margin-bottom: 22px
    }
</style>
